<div class="hot">   
    <div class="hot-content">
        <div class="hot-item" *ngFor='let item of props'>
            <div class="hot-item-content">
               <div class="hot-item-center">
                   <a [routerLink]='baseUrl' [queryParams]='{type: item.type}'>
                        <div class="icon">
                            <img [src]="item.icon" alt="icon">
                        </div>          
                        <h1 class="title">
                            {{item.title}}
                        </h1>
                        <span class="num">
                            {{item.num}}
                        </span>
                    </a>
               </div>
            </div>
        </div>
    </div>
</div>